
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">54649</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '16', '17', '18'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  75.5,24.18,0.13,0.06,0.04,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692825472,null],[1692825473,null],[1692825474,null],[1692825475,null],[1692825476,null],[1692825477,null],[1692825478,null],[1692825479,null],[1692825480,null],[1692825481,null],[1692825482,null],[1692825483,null],[1692825484,null],[1692825485,null],[1692825486,null],[1692825487,null],[1692825488,null],[1692825489,null],[1692825490,null],[1692825491,null],[1692825492,null],[1692825493,null],[1692825494,null],[1692825495,null],[1692825496,null],[1692825497,null],[1692825498,null],[1692825499,null],[1692825500,null],[1692825501,null],[1692825502,null],[1692825503,null],[1692825504,null],[1692825505,null],[1692825506,null],[1692825507,null],[1692825508,null],[1692825509,null],[1692825510,null],[1692825511,null],[1692825512,null],[1692825513,null],[1692825514,null],[1692825515,null],[1692825516,null],[1692825517,null],[1692825518,null],[1692825519,null],[1692825520,null],[1692825521,null],[1692825522,null],[1692825523,null],[1692825524,null],[1692825525,null],[1692825526,null],[1692825527,null],[1692825528,null],[1692825529,null],[1692825530,null],[1692825531,null],[1692825532,null],[1692825533,null],[1692825534,null],[1692825535,null],[1692825536,null],[1692825537,null],[1692825538,null],[1692825539,null],[1692825540,null],[1692825541,null],[1692825542,null],[1692825543,null],[1692825544,null],[1692825545,null],[1692825546,null],[1692825547,null],[1692825548,null],[1692825549,null],[1692825550,null],[1692825551,null],[1692825552,null],[1692825553,null],[1692825554,null],[1692825555,null],[1692825556,null],[1692825557,null],[1692825558,null],[1692825559,null],[1692825560,null],[1692825561,null],[1692825562,null],[1692825563,null],[1692825564,null],[1692825565,null],[1692825566,null],[1692825567,null],[1692825568,null],[1692825569,null],[1692825570,null],[1692825571,null],[1692825572,null],[1692825573,null],[1692825574,null],[1692825575,null],[1692825576,null],[1692825577,null],[1692825578,null],[1692825579,null],[1692825580,null],[1692825581,null],[1692825582,null],[1692825583,null],[1692825584,null],[1692825585,null],[1692825586,null],[1692825587,null],[1692825588,null],[1692825589,null],[1692825590,null],[1692825591,null],[1692825592,null],[1692825593,null],[1692825594,null],[1692825595,null],[1692825596,null],[1692825597,null],[1692825598,null],[1692825599,null],[1692825600,null],[1692825601,null],[1692825602,null],[1692825603,null],[1692825604,null],[1692825605,null],[1692825606,null],[1692825607,null],[1692825608,null],[1692825609,null],[1692825610,null],[1692825611,null],[1692825612,null],[1692825613,null],[1692825614,null],[1692825615,null],[1692825616,null],[1692825617,null],[1692825618,null],[1692825619,null],[1692825620,null],[1692825621,null],[1692825622,null],[1692825623,null],[1692825624,null],[1692825625,null],[1692825626,null],[1692825627,null],[1692825628,null],[1692825629,null],[1692825630,null],[1692825631,null],[1692825632,null],[1692825633,null],[1692825634,null],[1692825635,null],[1692825636,null],[1692825637,null],[1692825638,null],[1692825639,null],[1692825640,null],[1692825641,null],[1692825642,null],[1692825643,null],[1692825644,null],[1692825645,null],[1692825646,null],[1692825647,null],[1692825648,null],[1692825649,null],[1692825650,null],[1692825651,null],[1692825652,null],[1692825653,null],[1692825654,null],[1692825655,null],[1692825656,null],[1692825657,null],[1692825658,null],[1692825659,null],[1692825660,null],[1692825661,null],[1692825662,null],[1692825663,null],[1692825664,null],[1692825665,null],[1692825666,null],[1692825667,null],[1692825668,null],[1692825669,null],[1692825670,null],[1692825671,null],[1692825672,null],[1692825673,null],[1692825674,null],[1692825675,null],[1692825676,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692825472,[2,0,2]],[1692825473,[2,0,2]],[1692825474,[2,0,2]],[1692825475,[2,0,2]],[1692825476,[2,0,2]],[1692825477,[2,0,2]],[1692825478,[2,0,2]],[1692825479,[2,0,2]],[1692825480,[2,0,2]],[1692825481,[2,0,2]],[1692825482,[4,0,4]],[1692825483,[5,0,5]],[1692825484,[7,0,7]],[1692825485,[4,0,4]],[1692825486,[5,0,5]],[1692825487,[3,0,3]],[1692825488,[4,0,4]],[1692825489,[7,0,7]],[1692825490,[9,0,9]],[1692825491,[7,0,7]],[1692825492,[8,0,8]],[1692825493,[7,0,7]],[1692825494,[5,0,5]],[1692825495,[5,0,5]],[1692825496,[6,0,6]],[1692825497,[7,0,7]],[1692825498,[9,0,9]],[1692825499,[13,0,13]],[1692825500,[16,0,16]],[1692825501,[20,0,20]],[1692825502,[22,0,22]],[1692825503,[26,0,26]],[1692825504,[29,0,29]],[1692825505,[33,0,33]],[1692825506,[36,0,36]],[1692825507,[39,0,39]],[1692825508,[42,0,42]],[1692825509,[46,0,46]],[1692825510,[49,0,49]],[1692825511,[52,0,52]],[1692825512,[56,0,56]],[1692825513,[58,0,58]],[1692825514,[63,0,63]],[1692825515,[65,0,65]],[1692825516,[69,0,69]],[1692825517,[72,0,72]],[1692825518,[76,0,76]],[1692825519,[78,0,78]],[1692825520,[82,0,82]],[1692825521,[86,0,86]],[1692825522,[88,0,88]],[1692825523,[92,0,92]],[1692825524,[95,0,95]],[1692825525,[99,0,99]],[1692825526,[102,0,102]],[1692825527,[105,0,105]],[1692825528,[108,0,108]],[1692825529,[112,0,112]],[1692825530,[115,0,115]],[1692825531,[118,0,118]],[1692825532,[122,0,122]],[1692825533,[125,0,125]],[1692825534,[128,0,128]],[1692825535,[131,0,131]],[1692825536,[136,0,136]],[1692825537,[138,0,138]],[1692825538,[141,0,141]],[1692825539,[144,0,144]],[1692825540,[149,0,149]],[1692825541,[151,0,151]],[1692825542,[155,0,155]],[1692825543,[157,0,157]],[1692825544,[162,0,162]],[1692825545,[164,0,164]],[1692825546,[168,0,168]],[1692825547,[171,0,171]],[1692825548,[174,0,174]],[1692825549,[178,0,178]],[1692825550,[181,0,181]],[1692825551,[185,0,185]],[1692825552,[187,0,187]],[1692825553,[189,0,189]],[1692825554,[196,0,196]],[1692825555,[198,0,198]],[1692825556,[201,0,201]],[1692825557,[204,0,204]],[1692825558,[207,0,207]],[1692825559,[211,0,211]],[1692825560,[214,0,214]],[1692825561,[217,0,217]],[1692825562,[221,0,221]],[1692825563,[224,0,224]],[1692825564,[227,0,227]],[1692825565,[230,0,230]],[1692825566,[234,0,234]],[1692825567,[237,0,237]],[1692825568,[240,0,240]],[1692825569,[244,0,244]],[1692825570,[247,0,247]],[1692825571,[251,0,251]],[1692825572,[253,0,253]],[1692825573,[257,0,257]],[1692825574,[260,0,260]],[1692825575,[264,0,264]],[1692825576,[267,0,267]],[1692825577,[270,0,270]],[1692825578,[273,0,273]],[1692825579,[277,0,277]],[1692825580,[280,0,280]],[1692825581,[284,0,284]],[1692825582,[286,0,286]],[1692825583,[290,0,290]],[1692825584,[293,0,293]],[1692825585,[297,0,297]],[1692825586,[300,0,300]],[1692825587,[303,0,303]],[1692825588,[306,0,306]],[1692825589,[309,0,309]],[1692825590,[313,0,313]],[1692825591,[317,0,317]],[1692825592,[320,0,320]],[1692825593,[323,0,323]],[1692825594,[326,0,326]],[1692825595,[329,0,329]],[1692825596,[333,0,333]],[1692825597,[336,0,336]],[1692825598,[339,0,339]],[1692825599,[343,0,343]],[1692825600,[346,0,346]],[1692825601,[350,0,350]],[1692825602,[353,0,353]],[1692825603,[355,0,355]],[1692825604,[359,0,359]],[1692825605,[363,0,363]],[1692825606,[366,0,366]],[1692825607,[369,0,369]],[1692825608,[372,0,372]],[1692825609,[375,0,375]],[1692825610,[380,0,380]],[1692825611,[383,0,383]],[1692825612,[385,0,385]],[1692825613,[389,0,389]],[1692825614,[392,0,392]],[1692825615,[395,0,395]],[1692825616,[399,0,399]],[1692825617,[402,0,402]],[1692825618,[406,0,406]],[1692825619,[408,0,408]],[1692825620,[413,0,413]],[1692825621,[415,0,415]],[1692825622,[418,0,418]],[1692825623,[422,0,422]],[1692825624,[425,0,425]],[1692825625,[429,0,429]],[1692825626,[432,0,432]],[1692825627,[435,0,435]],[1692825628,[438,0,438]],[1692825629,[442,0,442]],[1692825630,[445,0,445]],[1692825631,[449,0,449]],[1692825632,[451,0,451]],[1692825633,[455,0,455]],[1692825634,[458,0,458]],[1692825635,[461,0,461]],[1692825636,[466,0,466]],[1692825637,[468,0,468]],[1692825638,[471,0,471]],[1692825639,[474,0,474]],[1692825640,[477,0,477]],[1692825641,[483,0,483]],[1692825642,[485,0,485]],[1692825643,[487,0,487]],[1692825644,[492,0,492]],[1692825645,[494,0,494]],[1692825646,[498,0,498]],[1692825647,[501,0,501]],[1692825648,[505,0,505]],[1692825649,[507,0,507]],[1692825650,[511,0,511]],[1692825651,[513,0,513]],[1692825652,[519,0,519]],[1692825653,[521,0,521]],[1692825654,[524,0,524]],[1692825655,[528,0,528]],[1692825656,[531,0,531]],[1692825657,[534,0,534]],[1692825658,[537,0,537]],[1692825659,[541,0,541]],[1692825660,[544,0,544]],[1692825661,[547,0,547]],[1692825662,[551,0,551]],[1692825663,[554,0,554]],[1692825664,[556,0,556]],[1692825665,[561,0,561]],[1692825666,[565,0,565]],[1692825667,[565,0,565]],[1692825668,[571,0,571]],[1692825669,[574,0,574]],[1692825670,[578,0,578]],[1692825671,[580,0,580]],[1692825672,[583,0,583]],[1692825673,[587,0,587]],[1692825674,[590,0,590]],[1692825675,[594,0,594]],[1692825676,[876,0,876]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692825472,[2,0,2]],[1692825473,[2,0,2]],[1692825474,[2,0,2]],[1692825475,[2,0,2]],[1692825476,[2,0,2]],[1692825477,[2,0,2]],[1692825478,[2,0,2]],[1692825479,[2,0,2]],[1692825480,[2,0,2]],[1692825481,[2,0,2]],[1692825482,[4,0,4]],[1692825483,[5,0,5]],[1692825484,[7,0,7]],[1692825485,[4,0,4]],[1692825486,[5,0,5]],[1692825487,[3,0,3]],[1692825488,[4,0,4]],[1692825489,[7,0,7]],[1692825490,[9,0,9]],[1692825491,[7,0,7]],[1692825492,[8,0,8]],[1692825493,[7,0,7]],[1692825494,[5,0,5]],[1692825495,[5,0,5]],[1692825496,[6,0,6]],[1692825497,[7,0,7]],[1692825498,[9,0,9]],[1692825499,[13,0,13]],[1692825500,[16,0,16]],[1692825501,[20,0,20]],[1692825502,[22,0,22]],[1692825503,[26,0,26]],[1692825504,[29,0,29]],[1692825505,[33,0,33]],[1692825506,[36,0,36]],[1692825507,[39,0,39]],[1692825508,[42,0,42]],[1692825509,[46,0,46]],[1692825510,[49,0,49]],[1692825511,[52,0,52]],[1692825512,[56,0,56]],[1692825513,[58,0,58]],[1692825514,[63,0,63]],[1692825515,[65,0,65]],[1692825516,[69,0,69]],[1692825517,[72,0,72]],[1692825518,[76,0,76]],[1692825519,[78,0,78]],[1692825520,[82,0,82]],[1692825521,[86,0,86]],[1692825522,[88,0,88]],[1692825523,[92,0,92]],[1692825524,[95,0,95]],[1692825525,[99,0,99]],[1692825526,[102,0,102]],[1692825527,[105,0,105]],[1692825528,[108,0,108]],[1692825529,[112,0,112]],[1692825530,[115,0,115]],[1692825531,[118,0,118]],[1692825532,[122,0,122]],[1692825533,[125,0,125]],[1692825534,[128,0,128]],[1692825535,[131,0,131]],[1692825536,[136,0,136]],[1692825537,[138,0,138]],[1692825538,[141,0,141]],[1692825539,[144,0,144]],[1692825540,[148,0,148]],[1692825541,[152,0,152]],[1692825542,[155,0,155]],[1692825543,[157,0,157]],[1692825544,[161,0,161]],[1692825545,[165,0,165]],[1692825546,[168,0,168]],[1692825547,[171,0,171]],[1692825548,[174,0,174]],[1692825549,[178,0,178]],[1692825550,[181,0,181]],[1692825551,[184,0,184]],[1692825552,[188,0,188]],[1692825553,[189,0,189]],[1692825554,[196,0,196]],[1692825555,[198,0,198]],[1692825556,[201,0,201]],[1692825557,[204,0,204]],[1692825558,[207,0,207]],[1692825559,[211,0,211]],[1692825560,[214,0,214]],[1692825561,[217,0,217]],[1692825562,[221,0,221]],[1692825563,[223,0,223]],[1692825564,[228,0,228]],[1692825565,[230,0,230]],[1692825566,[234,0,234]],[1692825567,[237,0,237]],[1692825568,[240,0,240]],[1692825569,[244,0,244]],[1692825570,[247,0,247]],[1692825571,[251,0,251]],[1692825572,[253,0,253]],[1692825573,[257,0,257]],[1692825574,[260,0,260]],[1692825575,[264,0,264]],[1692825576,[267,0,267]],[1692825577,[270,0,270]],[1692825578,[273,0,273]],[1692825579,[277,0,277]],[1692825580,[280,0,280]],[1692825581,[284,0,284]],[1692825582,[286,0,286]],[1692825583,[290,0,290]],[1692825584,[293,0,293]],[1692825585,[296,0,296]],[1692825586,[301,0,301]],[1692825587,[303,0,303]],[1692825588,[306,0,306]],[1692825589,[309,0,309]],[1692825590,[313,0,313]],[1692825591,[317,0,317]],[1692825592,[320,0,320]],[1692825593,[323,0,323]],[1692825594,[326,0,326]],[1692825595,[329,0,329]],[1692825596,[333,0,333]],[1692825597,[336,0,336]],[1692825598,[339,0,339]],[1692825599,[343,0,343]],[1692825600,[346,0,346]],[1692825601,[350,0,350]],[1692825602,[352,0,352]],[1692825603,[356,0,356]],[1692825604,[359,0,359]],[1692825605,[363,0,363]],[1692825606,[366,0,366]],[1692825607,[369,0,369]],[1692825608,[372,0,372]],[1692825609,[375,0,375]],[1692825610,[380,0,380]],[1692825611,[383,0,383]],[1692825612,[385,0,385]],[1692825613,[389,0,389]],[1692825614,[392,0,392]],[1692825615,[395,0,395]],[1692825616,[399,0,399]],[1692825617,[402,0,402]],[1692825618,[405,0,405]],[1692825619,[409,0,409]],[1692825620,[413,0,413]],[1692825621,[415,0,415]],[1692825622,[418,0,418]],[1692825623,[422,0,422]],[1692825624,[425,0,425]],[1692825625,[429,0,429]],[1692825626,[432,0,432]],[1692825627,[435,0,435]],[1692825628,[438,0,438]],[1692825629,[442,0,442]],[1692825630,[445,0,445]],[1692825631,[449,0,449]],[1692825632,[451,0,451]],[1692825633,[455,0,455]],[1692825634,[458,0,458]],[1692825635,[461,0,461]],[1692825636,[466,0,466]],[1692825637,[468,0,468]],[1692825638,[471,0,471]],[1692825639,[474,0,474]],[1692825640,[477,0,477]],[1692825641,[483,0,483]],[1692825642,[485,0,485]],[1692825643,[487,0,487]],[1692825644,[491,0,491]],[1692825645,[495,0,495]],[1692825646,[498,0,498]],[1692825647,[501,0,501]],[1692825648,[505,0,505]],[1692825649,[507,0,507]],[1692825650,[511,0,511]],[1692825651,[513,0,513]],[1692825652,[519,0,519]],[1692825653,[521,0,521]],[1692825654,[524,0,524]],[1692825655,[528,0,528]],[1692825656,[531,0,531]],[1692825657,[534,0,534]],[1692825658,[537,0,537]],[1692825659,[541,0,541]],[1692825660,[544,0,544]],[1692825661,[547,0,547]],[1692825662,[551,0,551]],[1692825663,[553,0,553]],[1692825664,[557,0,557]],[1692825665,[561,0,561]],[1692825666,[564,0,564]],[1692825667,[566,0,566]],[1692825668,[571,0,571]],[1692825669,[574,0,574]],[1692825670,[578,0,578]],[1692825671,[580,0,580]],[1692825672,[583,0,583]],[1692825673,[587,0,587]],[1692825674,[589,0,589]],[1692825675,[595,0,595]],[1692825676,[876,0,876]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 54649.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,15],[6,11],[6,15],[6,12],[6,1],[6,16],[6,0],[6,12],[6,16],[6,12],[7,1],[8,1],[8,1],[8,1],[9,14],[9,8],[9,1],[9,1],[10,0],[11,9],[11,1],[11,1],[11,1],[12,1],[13,1],[15,1],[21,1],[26,1],[30,1],[35,1],[37,2],[42,1],[47,2],[50,1],[55,1],[58,1],[62,1],[66,1],[70,1],[74,1],[79,1],[81,1],[88,1],[90,1],[94,1],[99,1],[103,1],[105,1],[110,1],[116,1],[118,1],[121,1],[127,1],[131,1],[135,1],[138,1],[142,1],[147,1],[150,0],[154,1],[159,1],[163,1],[166,1],[170,1],[176,1],[178,1],[182,1],[186,1],[192,1],[194,1],[199,1],[202,1],[208,1],[210,1],[215,1],[219,0],[222,1],[227,1],[231,1],[235,0],[238,0],[240,0],[250,1],[251,0],[255,0],[259,1],[262,1],[267,1],[270,1],[276,1],[279,1],[282,1],[287,1],[291,1],[295,1],[298,1],[303,1],[307,1],[311,1],[316,1],[318,1],[323,1],[327,1],[332,0],[335,1],[339,1],[342,1],[348,1],[350,1],[356,1],[359,1],[363,1],[367,1],[372,1],[376,1],[379,1],[382,0],[386,0],[391,1],[396,1],[399,1],[403,1],[408,1],[410,1],[416,1],[419,1],[423,0],[428,0],[431,0],[435,1],[440,1],[443,1],[446,1],[453,1],[455,1],[460,1],[463,1],[466,1],[472,1],[477,0],[479,1],[482,1],[488,1],[491,0],[496,1],[499,0],[504,1],[507,1],[513,1],[514,1],[520,1],[523,1],[528,1],[531,1],[536,1],[540,0],[542,1],[548,1],[552,1],[557,1],[559,1],[564,1],[567,1],[571,1],[577,1],[580,1],[583,1],[587,1],[590,1],[598,1],[600,0],[603,1],[609,1],[611,1],[616,1],[620,0],[624,1],[627,1],[631,1],[636,1],[641,1],[643,0],[648,1],[653,0],[656,1],[659,1],[665,1],[667,1],[672,1],[676,1],[680,1],[684,1],[687,1],[693,1],[697,1],[698,1],[704,1],[709,0],[712,0],[716,1],[720,1],[724,1],[728,1],[733,1],[1080,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
